<template>
    <fieldset>
        <legend>登入</legend>
        用户名:
        <input type="text" v-model="username">
        <br>
        密码:
        <input type="password" v-model="password" @keydown.enter="login">
        <button @click="login">登入</button>
    </fieldset>
</template>
<script setup>
    import * as api from "../../api/users"
    import {ref} from "vue"
    import {useRouter} from "vue-router"//引入组合式api
    let username = ref("")
    let password = ref("")

    let router = useRouter()
    let login = async()=>{
        let res = await api.loginApi(username.value,password.value)

        console.log(res);
        if(res.data.state){
            sessionStorage.setItem('qf-token',res.data.token)
            router.push("/")
        }else{
            alert(res.data.msg)
        }
    }
</script>